<template>
    <div class="index" >
        <blog-list />
        <blog-list />
        <blog-list />
        <blog-list />
        <el-input v-model="input" placeholder="请输入内容"></el-input>




    </div>

</template>

<script>
export default {
    async fetch({ store, route }) {
        const { page = 1, category = "", keywords = "" } = route.query;
        await Promise.all([
            store.dispatch("getArticles", {
                category,
                keywords,
                page
            }),
            store.dispatch("getArticlesTop")
        ]);
    }
};
</script>

<style lang="scss" scoped>
.index {
    background-color: #669900;
    height: 200px;
}
</style>
